<section class="help-wrap" [ngClass]="{'orange-style':pageStyle==='orangeStyle','blue-style':pageStyle==='bluetStyle'}">
    <!-- <div class="help-title" *ngIf="!showFlag">
        <h1>{{tagData.data.columnTitle}}</h1>
    </div> -->
    <div class="help-title" *ngIf="!showFlag">
        <img *ngIf="pageStyle==='orangeStyle'" src="assets/img/help/transfer_icon_bg@3x.png" />
        <img *ngIf="pageStyle==='bluetStyle'" src="assets/img/help/fine_icon_bg@3x.png" />
    </div>
    <div class="help-no-title" *ngIf="showFlag"></div>
    <div class="help-box-wrap">
        <div class="help-box no-data" *ngIf="!showFlag">
            <ul>
                <li *ngFor="let item of pageData.adShow;">
                    <img [src]="item.icon" alt="icon">
                    <h3>{{item.title}}</h3>
                    <p>{{item.intro}}</p>
                </li>
            </ul>
            <button class="check-btn" appDebounceClick (debounceClick)="go(pageData.button.link)">{{pageData.button.label}}</button>
            <div class="shadow"></div>
        </div>
        <div class="help-box has-data" *ngIf="showFlag">
            <div class="help-tips" *ngIf="pageData?.tipsIcon">
                <img src= "{{pageData?.tipsIcon}}"/>
            </div>
            <div class="info-box" appDebounceClick (debounceClick)="go(pageData.link)">
                <div class="info-img" *ngIf="pageStyle==='orangeStyle'">
                    <img [src]="pageData.images?.imageUrl ? pageData.images.imageUrl: defaultImg" alt="img">
                    <i *ngIf="pageData.images?.isAuthenticated.value"
                        class="auth img-auth">{{pageData.images.isAuthenticated.label}}</i>
                </div>
                <div class="info-detail">
                    <h1>{{pageData.title.label}}</h1>
                    <p class="clearfix">
                        <span>{{pageData.info}}</span>
                        <i class="fr arrow-icon"></i>
                    </p>
                </div>
            </div>
            <div class="btn-box">
                <button class="match-btn" *ngIf="pageData.matching" appDebounceClick (debounceClick)="go(pageData.matching.link)">
                    <i></i>
                    <span>{{pageData.matching.label}}</span>
                </button>
                <button class="modify-btn" *ngIf="pageData.modify" appDebounceClick (debounceClick)="go(pageData.modify.link)">
                    <i></i>
                    <span>{{pageData.modify.label}}</span>
                </button>
                <button class="service-btn" *ngIf="pageData.service" appDebounceClick (debounceClick)="go(pageData.service.link)">
                    <i></i>
                    <span>{{pageData.service.label}}</span>
                </button>
                <button class="serviceDetail-btn" *ngIf="pageData.serviceDetail"
                    appDebounceClick (debounceClick)="go(pageData.serviceDetail.link)">
                    <i></i>
                    <span>{{pageData.serviceDetail.label}}</span>
                </button>
            </div>
        </div>
    </div>
</section>